*{margin:0; padding:0;}
html,body{margin:0 auto; max-width:1920px; overflow-x:hidden;}
body{font:16px/1.6 'Microsoft Yahei'; background-color:#fff; color:#333; -webkit-tap-highlight-color:transparent;}
a{color:#333; text-decoration:none; transition: all .3s;}
a:hover{color:#0d99b9!important; text-decoration:none;}
a,span,i,em{display:inline-block;}
ul,li{list-style:none;}
.wp {position:relative; margin:0 auto; width:1300px;}
.text-l{text-align:left;}
.text-c{text-align:center;}
.text-r{text-align:right;}

.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.img-100{display:block; width:100%;}

.pc{position:relative;}
.mobile{position:relative; display:none;}
@media (max-width:750px) {
    .pc{display:none;}
    .mobile{display:block;}
    .wp{width:auto; box-sizing:border-box;}
}

/* Flex */
.flex{display:flex;}
.flex-vertical{flex-flow:column}
.flex-center{align-items:center; justify-content:center;}
.flex-wrap-row{flex-wrap:wrap; flex-direction:row;}
.flex-auto{flex:1;}


.topbar{height:50px; line-height:50px; border-bottom:1px solid #ccc; color:#757373; text-align:right;}
.topbar img{vertical-align:middle;}
.topbar span{margin-left:20px;}

/* 头部 */
.header{position:relative; height:100px;}
.header img{display:block;}
.header .logo{position:relative;}
.header .logo a{display:block;}
.header .logo img{vertical-align:middle;}
.header .phone span{display:block; width:350px; height:39px; padding:10px 0 0 45px; font-size:24px; background:url(../img/i-tel-bg.png) no-repeat; box-sizing:border-box;}
@media (min-width:1300px) {
    .m-1920{display:block;}
}
@media (max-width:1300px) {
    .m-1300{display:block;}
}

/* 导航 */
.menu{position:relative; height:60px; background-color:#104f69; z-index:99999; text-align:right;}
.menu ul{z-index:99999;}
.menu .mainnav{display:inline-block;}
.menu li{position:relative; float:left; font-size:18px; z-index: 9999;}
.menu li a{padding:0 20px; height:60px; line-height:60px; color:#fff;}
.menu li a:hover{color:#ffc600!important;}
.menu li .active{color:#ffc600;}
.menu li:hover .subnav{display:block;}
.menu .subnav{display:none; position:absolute; left:-25px; top:60px; width:max-content; background-color:#104f69; border-radius:0 0 5px 5px; box-shadow:0 8px 8px 3px rgba(0,0,0,.03); padding:0 35px 15px;}
.menu .subnav li{float:none; text-align:center;}
.menu .subnav a{display:block; height:auto; line-height:1; padding:10px; color:#ccc; border-bottom:1px solid #eaeaea;}
.menu .subnav a:hover, .menu .subnav a.active{color:#ffc600!important; border-bottom-color:#ffc600!important;}
.menu .subnav a:last-child{border-bottom:0;}

/* 移动端导航 */
.m-header{position:fixed; left:0; top:0; width:100%; height:50px; background-color:#fff; box-shadow:0 0 3px 2px rgba(0, 0, 0, .05); z-index:9999;}
.m-header .logo img{position:absolute; left:15px; top:50%; height:26px; margin-top:-13px;}
.m-header .bars{padding:0 20px; line-height:50px; font-size:24px;}

.m-menu{display:none;}
.m-menu .m-mask{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:9990;}
.m-menu ul{position:fixed; left:0; top:50px; width:100%; max-height:90vh; padding:20px 30px; background-color:#fff; box-shadow:0 0 3px 2px rgba(0, 0, 0, .15); z-index:9995; overflow-y:auto; box-sizing:border-box;}
.m-menu ul li i{position:absolute; right:2px; top:13px; font-weight:700; color:#0d99b9;}
.m-menu ul li a{position:relative; display:block; padding:8px 0; border-bottom:1px solid #eee;}
.m-menu ul li .active{color:#0d99b9; font-weight:700;}
.m-menu ul li:last-child a{border:0;}
.m-menu ul .open .subnav{display:block;}
.m-menu ul .subnav{display:none;}
.m-menu ul .subnav a{padding:8px 2em; color:#979898;}
.m-menu ul .subnav a.active{color:#0d99b9;}

.footer{clear:both; color:#fff;}
.footer .bg{height:340px; background:url(../img/foot-bg.png) no-repeat center center/cover;}
.footer .content{background-color:#0E3F54;}
.footer .content .wp{position:relative; padding-top:126px;}
.footer .content .pic{position:absolute; left:0; top:-126px; width:100%;}
.footer .content .pic img{display:block; width:100%; height:252px; border-radius:18px;}
.footer .content .box{padding:30px 0;}
.footer .content a{color:#fff;}
.footer .content dl{float:left; margin-left:50px;}
.footer .content dl dt{font-size:18px;}
.footer .content dl dd{font-size:14px; padding:5px 0;}
.footer .content .info{padding-left:20px;}
.footer .content .info p:nth-child(2){font-size:24px;}
.footer .copyright{padding:15px; background-color:#06202B; color:#888; font-size:14px; text-align:center;}
.footer .copyright a{color:#888;}
@media (max-width:750px) {
    .footer .bg{display:none;}
    .footer .pic{display:none;}
    .footer .content .wp{padding-top:0;}
    .footer .content .box{display:block; overflow:hidden;}
    .footer .content .logo img{display:block; margin:0 auto; max-width:50%;}
    .footer .content dl{margin:20px 30px;}
    .footer .content dl:nth-child(3){clear:both;}
}


/* 轮播图 */
.swiper{width:100%; height:100%;}
.swiper-slide img{display:block; width:100%; height:100%; object-fit:cover;}
.swiper-pagination .swiper-pagination-bullet{width:25px; height:3px; border-radius:0;}
.swiper-pagination .swiper-pagination-bullet-active{height:6px; background-color:#104F69;}
.swiper-button-next, .swiper-button-prev{margin-top:-25px; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:rgba(0,0,0,.3);}
.swiper-button-next:after, .swiper-button-prev:after{font-size:24px;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizonta{bottom:0px;}

.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{opacity:0; transition:all .3s;}
.mySwiper:hover .swiper-button-next, .mySwiper:hover .swiper-button-prev{opacity:1;}
@media (max-width:750px) {
    .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{display:none;}
}

.i-title .title{text-align:center; font-size:40px; font-weight:700; color:#666;}
.i-title .title span{color:#2bace2;}
.i-title .desc{position:relative; text-align:center; color:#666; font-size:18px;}
.i-title .desc::after{position:absolute; left:50%; bottom:-15px; margin-left:-60px; width:120px; height:2px; background-color:#2bace2; content:'';}
@media (max-width:750px) {
    .i-title .title{font-size:18px;}
    .i-title .desc{font-size:14px; padding:0 20px;}
    .i-title .desc::after{width:80px; margin-left:-40px;}
}

.i-project{padding-top:50px;}
.i-case-wrapper{position:relative;}
.i-case{padding:60px 0 0;}
.i-case .swiper-slide{overflow:hidden;}
.i-case .swiper-slide .item{float:left; width:315px; height:245px; overflow:hidden; margin:0 13px 60px 0;}
.i-case .swiper-slide .item:nth-child(4n+4){margin-right:0;}
.i-case .swiper-slide a{display:block;}
.i-case .swiper-slide img{display:block; width:100%; height:100%; object-fit:cover; transition:all .3s;}
.i-case .swiper-slide img:hover{transform:scale(1.1);}
.i-case .swiper-pagination .swiper-pagination-bullet{width:25px; height:25px; border-radius:50%; border:2px solid #2596cd; background-color:#fff; color:#2596cd; opacity:1; bottom: -30px}
.i-case .swiper-pagination .swiper-pagination-bullet-active{background-color:#2596cd; color:#fff;}
.i-case-wrapper .swiper-button-next, .i-case-wrapper .swiper-button-prev{margin-top:-25px; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; background-color:rgba(0,0,0,.2);}
.i-case-wrapper .swiper-button-prev{left:-80px;}
.i-case-wrapper .swiper-button-next{right:-80px;}
@media (max-width:750px) {
    .i-project{padding-top:30px;}
    .i-case{padding:50px 0;}
    .i-case .swiper-slide .item{float:left; width:50%; height:auto; margin:0; overflow:hidden;}
}


.i-youshi{padding-top:60px;}
.i-youshi .list ul{padding:60px 0; overflow:hidden;}
.i-youshi .list li{width:140px; margin-right:92px; float:left; text-align:center;}
.i-youshi .list li:last-child{margin-right:0;}
.i-youshi .list li .pic{width:140px; height:140px; background:url(../img/ys-bg.png) no-repeat center bottom; padding-bottom:15px; }
.i-youshi .list li .pic img{transition:all .3s;}
.i-youshi .list li:hover .pic img{margin-top:-15px;}
.i-youshi .list li p{padding-top:10px; font-size:17px; color:#666;}
@media (max-width:750px) {
    .i-youshi{padding-top:30px;}
    .i-youshi .list ul{padding:40px 0 30px;}
    .i-youshi .list li{width:50%; margin:10px 0;}
    .i-youshi .list li .pic{width:100%; height:auto;}
    .i-youshi .list li:hover .pic img{margin-top:0;}
    .i-youshi .list li p{font-size:14px;}
}

.i-news{padding-top:30px;}
.i-news .fl{position:relative; float:left; width:580px; height:445px;}
.i-news .fr{position:relative; float:right; width:650px; height:445px;}
.i-news-swiper .swiper-button-next, .i-news-swiper .swiper-button-prev{margin-top:-25px; width:40px; height:60px; line-height:60px; text-align:center; color:#fff; background-color:rgba(0,0,0,.2);}
.i-news-swiper .swiper-button-prev{left:-40px;}
.i-news-swiper .swiper-button-next{right:-40px;}

.i-news-title{padding:2px 0; border-bottom:1px solid #ddd;}
.i-news-title img{display:block; vertical-align:middle;}
.i-news-title .cn{padding:0 10px; font-size:18px;}
.i-news-title .en{color:#0d99b9;}
.i-news-title .more a{background:#323941; color:#fff; padding:2px 15px; font-size:14px;}
.i-news-title .more a:hover{background:#0d99b9; color:#fff!important;}

.i-news .list{padding-top:5px;}
.i-news .list a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.i-news .list .item{padding:5px 0; font-size:14px; border-bottom:1px dotted #ddd;}
.i-news .list .item:nth-child(1){border:none;}
.i-news .list .item .tits{overflow:hidden; padding-right:10px;}
.i-news .list .item .date{font-size:14px;}
.i-news .list .thumb{width:185px; height:130px; overflow:hidden;}
.i-news .list .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.i-news .list .info{padding-left:10px; overflow:hidden;}
.i-news .list .info .tit{font-size:16px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.i-news .list .info .desc{padding:10px 0; font-size:14px; color:#888; line-height:1.5;}
.i-news .list .info .more a{display:inline-block; background-color:#0d99b9; color:#fff; padding:2px 15px; font-size:12px; }
.i-news .list .info .more a:hover{color:#fff!important;}
@media (max-width:750px) {
    .i-news{display:none;}
}



.page-main{padding:50px 0 200px; background:#F3F4F5;}
.page-main .wp{overflow:hidden;}
.left{float:left; width:290px; min-height:800px; background:#fff; border-radius:14px; overflow:hidden;}
.right{float:right; width:960px; min-height:1000px; background-color:#fff; border-radius:14px; overflow:hidden;}
@media (max-width:750px) {
    .page-main{padding:0 0 0;}
    .left{display:none;}
    .right{float:none; width:auto; border-radius:0; min-height:auto;}
}



.left .menu-title{height:98px; background:url(../img/menu.png) no-repeat;}
.left-menu{padding:20px;}
.left-menu a{position:relative; display:block; padding:10px 20px;}
.left-menu a img{vertical-align:middle; margin:-2px 5px 0 0;}
.left-menu a.active{color:#666!important; font-weight:700; background:#E2E3E4; border-radius:6px;}
.left-menu a i{position:absolute; right:20px; top:15px;}
.left-menu .open .subnav{display:block;}
.left-menu .subnav{display:none;}
.left-menu .subnav a{text-indent:2em;}

.left-info{margin-top:30px; background-color:#7dc9a8; color:#fff; padding:40px 30px; border-radius:10px;}
.left-info img{padding-bottom:10px;}
.left-info p{padding:3px 0;}

.page-title{height:96px; background:#B2E9FF; color:#104f69; font-size:24px; font-weight:700;}
.page-title span{padding:52px 0 0 30px;}
.page-dir{height:35px; line-height:35px; padding:0 10px; background-color:#104f69; font-size:14px;}
.page-dir span{padding:0 5px; color:#fff;}
.page-dir a{color:#fff;}

.show-title{text-align:center; padding:20px; border-bottom:1px solid #eee;}
@media (max-width:750px) {
    .page-title{height:auto;}
}

.page-content{padding:30px;}
.page-content img{margin:0 auto; display:block; max-width:100%!important; height:auto!important;}

.page-more{padding:30px; font-size:14px;}
.page-more p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.page-more p a{display:inline;}


/* 新闻列表 */
.news-list{padding:30px;}
.news-list .item{clear:both; padding:20px 0; border-bottom:1px solid #eee; overflow:hidden;}
.news-list .item .thumb{float:left; width:120px; height:80px;}
.news-list .item .thumb a{display:block; width:100%; height:80px; overflow:hidden;}
.news-list .item .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.news-list .item .info{float:right; width:765px;}
.news-list .item .info h3{font-size:16px;}
.news-list .item .info h3 a{color:#104F69;}
.news-list .item .info p{font-size:14px; color:#999; padding-top:5px;}
@media (max-width:750px) {
    .news-list .item{display:flex; padding:20px 10px;}
    .news-list .item .thumb{float:none; padding-right:10px;}
    .news-list .item .info{float:none; flex:1;}
    .news-list .item .info p{overflow:hidden; -webkit-line-clamp:2; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;}
}

/* 产品案例列表 */
.product-list{padding:30px; overflow:hidden;}
.product-list .item{float:left; margin:30px 30px 0 0; width:280px;}
.product-list .item:nth-child(3n+3){margin-right:0;}
.product-list .item .thumb{height:200px;}
.product-list .item .thumb a{display:block; width:100%; height:200px; overflow:hidden;}
.product-list .item .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.product-list .item .tit{font-size:16px; text-align:center; padding-top:10px;}
.product-list .item .tit a{display:block; color:#104F69; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media (max-width:750px) {
    .product-list{padding:5px;}
    .product-list .item{width:50%; margin:0; border:5px solid #fff; box-sizing: border-box;}
    .product-list .item .thumb, .product-list .item .thumb a{height:120px;}
}

/* 分页 */
.pages{padding:30px 0; text-align:center;}
.pages li{display:inline-block; padding:0 4px;}
.pages li a{border:1px solid #e8e8e8; border-radius:5px; padding:5px 15px; color:#666;}
.pages li.active a{border-color:#3DA1CA; background-color:#3DA1CA; color:#fff!important;}

.video{padding:30px 0 0;}
.player{width:100%; height:500px; background-color:#000;}

@media (max-width:750px) {
    .player{height:280px;}
    .page-title{padding:20px 20px 0; font-size:20px; text-align:center;}
    .page-content, .video, .pages, .page-more{padding:20px;}
}